﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="ProductCategory.aspx.cs" Inherits="ProductCategory" %>
    <%@ Register Assembly="CollectionPager" Namespace="SiteUtils" TagPrefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">


    
    <!--  ==========  -->
    <!--  = Breadcrumbs =  -->
    <!--  ==========  -->
    <div class="darker-stripe">
        <div class="container">
        	<div class="row">
        		<div class="span12">
        		    <ul class="breadcrumb">
	                    <li>
	                        <a href="/">Trang chủ</a>
	                    </li>
	                    <li><span class="icon-chevron-right"></span></li>
	                    <li>
	                        <a>Sản phẩm mới nhất</a>
	                    </li>
	                </ul>
        		</div>
        	</div>
        </div>
    </div>

    <div class="container">
        <div class="push-up blocks-spacer">
            <div class="row">
                <section class="span12">
                    
                    <!--  ==========  -->
                    <!--  = Title =  -->
                    <!--  ==========  -->
                    <div class="underlined push-down-20">
                        <div class="row">
                            <div class="span6">
                                <h3><span class="light">Sản phẩm</span> mới nhất</h3>
                            </div>
                            <div class="span6">
                                <div class="form-inline sorting-by">

                                    
                                    <label for="isotopeSorting" class="black-clr">Sắp xếp:</label>
                                    <asp:DropDownList ID="dropSort" runat="server" AutoPostBack="true">
                                        <asp:ListItem Text="Giá từ thấp đến cao &uarr;" Value="1" Selected="True" />
                                        <asp:ListItem Text="Giá từ cao xuống thấp &darr;" Value="2" />
                                    </asp:DropDownList>
                                </div>
                            </div> <!-- /sorting and number shown -->
                        </div>
                    </div> <!-- /title -->
                    
                    <!--  ==========  -->
                    <!--  = Products =  -->
                    <!--  ==========  -->
                    <div class="row popup-products">
                        <div id="isotopeContainer" class="isotope-container">
                    	    
                    	      <asp:Repeater ID="rptProductFilter" runat="server" 
                                onitemdatabound="rptProductFilter_ItemDataBound">
                                <ItemTemplate>
                	                <!--  ==========  -->
                                    <!--  = Single Product =  -->
                                    <!--  ==========  -->
                    	            <div class="span3">
                    	                <div class="product">
                                            <%--<asp:Repeater ID="rptLabel" runat="server">
                                                <ItemTemplate>
                                                    <div class='<%#Eval("Color") %>'><asp:Literal ID="lbLabelId" Text='<%#Eval("Name") %>' runat="server" /></div>
                                                </ItemTemplate>
                                            </asp:Repeater>--%>
                    	                    <div class="product-img">
                    	                        <div class="picture">
                                                    <asp:Label ID="lbId" Text='<%#Eval("Id") %>' runat="server" Visible="false" />
                                                    <asp:Label ID="lbLabelId" Text='<%#Eval("LabelId") %>' runat="server" Visible="false" />
                    	                            <img width="540" height="374" alt="" src='/Images/Product/big/<%#Eval("Image_01") %>' alt='<%#Eval("Name") %>' />
                    	                            <div class="img-overlay">
                    	                                <a class="btn more btn-primary" href='<%#Myfunction.GenarateUrlProduct("san-pham", Myfunction.toUrlFriendly(Eval("Name").ToString().Trim()),Eval("Id").ToString().Trim()) %>'>Chi tiết</a>
                    	                                <a class="btn buy btn-danger" href="#">mua ngay</a>
                    	                            </div>
                    	                        </div>
                    	                    </div>
                    	                    <div class="main-titles no-margin">
                    	                        <h4 class="title"><%# (((String)Eval("Cost_Sale").ToString()) != "" ? Eval("Cost_Sale", "$ {0:0,0}").ToString() : Eval("Cost", "$ {0:0,0}").ToString())%></h4>
                    	                        <h5 class="no-margin isotope--title"><%#Eval("Name") %></h5>
                    	                    </div>
                    	                    <p class="center-align product-size">
                                                <span class="product-size-title">Size:</span>
                                                <asp:Repeater ID="rptSize" runat="server">
                                                    <ItemTemplate>
                                                        <asp:Literal ID="lbSize" Text='<%#Eval("Name") %>' runat="server" />
                                                    </ItemTemplate>
                                                </asp:Repeater>
                                            </p>
                    	                </div>
                    	            </div> <!-- /single product -->
                                </ItemTemplate>
                            </asp:Repeater>

                    	</div> <!-- /isotope-container -->
                	</div> <!-- /popup-products -->
                	<hr />
                	

                    <!--  ==========  -->
                    <!--  = Pagination =  -->
                    <!--  ==========  -->
                    <div class="pagination">
                        <cc1:CollectionPager LabelText="" FirstText='' BackText='<p class="btn btn-primary"><span class="icon-chevron-left"></span></p>&amp;nbsp;'
                            LastText="" NextText='<p class="btn btn-primary"><span class="icon-chevron-right"></span></p>&amp;nbsp;' ShowFirstLast="True" ControlCssClass="collectionpager"
                            PagingMode="PostBack" runat="server" BackNextLinkSeparator="" BackNextLocation="Split"
                            PageNumbersDisplay="Numbers" ResultsLocation="None" BackNextDisplay="HyperLinks"
                            ID="clPages" BackNextButtonStyle="" BackNextStyle="margin-left:7px;margin-right: 7px;"
                            ControlStyle="" PageNumbersSeparator="&amp;nbsp;">
                        </cc1:CollectionPager>
                        <%--<ul>
                            <li><a href="#" class="btn btn-primary"><span class="icon-chevron-left"></span></a></li>
                            <li><a href="#">1</a></li>
                            <li class="active"><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#">4</a></li>
                            <li><a href="#">5</a></li>
                            <li><a href="#" class="btn btn-primary"><span class="icon-chevron-right"></span></a></li>
                        </ul>--%>
                    </div> <!-- /pagination -->
                </section> <!-- /span12 -->
            </div>
        </div>
    </div> <!-- /container -->
    
</asp:Content>

